<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie==edge">

    <title>index</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
<!--顶部-->
<header class="app">
    <ul>
        <li>
            <img src="images/close.png" alt="">
        </li>
        <li>
            <img src="images/logo.png" alt="">
        </li>
        <li>
            打开京东App,购物更轻松
        </li>
        <li>
            立即打开
        </li>
    </ul>
</header>
<div class="search">
    <div class="search-btu">

    </div>
    <div class="search-input">
        <div class="jd-icon">
        </div>
        <div class="sou">

        </div>
        <div class="font">
            好奇*博学免费送至臻书
        </div>

    </div>
    <div class="search-login">
        登陆
    </div>

</div>
<!--主题内容部分-->
<div class="main-content">
    <!--滑动图-->
    <div class="slider">
        <img src="upload/banner.dpg" alt="">
    </div>
    <!--图标-->
    <div class="brand">
        <div><a href=""><img src="upload/pic11.dpg" alt=""></a></div>
        <div><a href=""><img src="upload/pic22.dpg" alt=""></a></div>
        <div><a href=""><img src="upload/pic33.dpg" alt=""></a></div>
    </div>
    <!--        导航栏-->
    <nav class="clearfix">
        <a href="">
            <img src="upload/pic1.png" alt="">
            <span>京东超市</span>
        </a>
        <a href="">
            <img src="upload/pic2.png" alt="">
            <span>数码电器</span>
        </a>
        <a href="">
            <img src="upload/pic3.png" alt="">
            <span>京东服饰</span>
        </a>
        <a href="">
            <img src="upload/pic4.png" alt="">
            <span>京东到家</span>
        </a>
        <a href="">
            <img src="upload/pic5.png" alt="">
            <span>充值缴费</span>
        </a>
        <a href="">
            <img src="upload/pic6.png" alt="">
            <span>9.9元拼</span>
        </a>
        <a href="">
            <img src="upload/pic7.png" alt="">
            <span>领卷</span>
        </a>
        <a href="">
            <img src="upload/pic8.png" alt="">
            <span>借钱</span>
        </a>
        <a href="">
            <img src="upload/pic9.png" alt="">
            <span>PLUS会员</span>
        </a>
        <a href="">
            <img src="upload/pic10.png" alt="">
            <span>京东生鲜</span>
        </a>

    </nav>
    <div class="news clearfix">
        <a href="">
            <img src="upload/new1.dpg" alt="">
        </a>
        <a href="">
            <img src="upload/new2.dpg" alt="">
        </a>
        <a href="">
            <img src="upload/new3.dpg" alt="">
        </a>
    </div>
</div>
</body>
</html>